﻿<UserControl x:Class="SimpleViewer_SL.Thumbnails"
    xmlns="http://schemas.microsoft.com/client/2007" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
	<Grid x:Name="LayoutRoot" HorizontalAlignment="Center" VerticalAlignment="Center">
		<TextBlock x:Name="Title" HorizontalAlignment="Stretch"/>
		<Grid x:Name="LayoutThumbnailsViewport" HorizontalAlignment="Left">
			<Grid x:Name="LayoutThumbnails" HorizontalAlignment="Left">
				<Grid.RenderTransform>
					<TranslateTransform x:Name="GridTranslate" />
				</Grid.RenderTransform>
				<Grid.Resources>
				   <Storyboard x:Name="ThumbnailTranslateStoryboard">
					  <DoubleAnimation x:Name="X" To="2" Duration="00:00:00.05"/>
					  <DoubleAnimation x:Name="Y" To="2" Duration="00:00:00.05"/>
				   </Storyboard>
				   <Storyboard x:Name="GridScrollStoryboard">
					  <DoubleAnimation x:Name="GridScrollAnimation" Storyboard.TargetName="GridTranslate" Storyboard.TargetProperty="X" Duration="00:00:00.5"/>
				   </Storyboard>
				   <Storyboard x:Name="ThumbnailOpacityStoryboard">
					  <DoubleAnimation x:Name="ThumbnailOpacityAnimation" Storyboard.TargetProperty="Opacity" To="1" Duration="00:00:00.7"/>
				   </Storyboard>
				   <Storyboard x:Name="RightNavArrowTranslateStoryboard">
					  <DoubleAnimation Storyboard.TargetName="RightNavArrowTranslate" Storyboard.TargetProperty="X" To="1.5" Duration="00:00:00.05"/>
					  <DoubleAnimation Storyboard.TargetName="RightNavArrowTranslate" Storyboard.TargetProperty="Y" To="1.5" Duration="00:00:00.05"/>
				   </Storyboard>
				   <Storyboard x:Name="LeftNavArrowTranslateStoryboard">
					  <DoubleAnimation Storyboard.TargetName="LeftNavArrowTranslate" Storyboard.TargetProperty="X" To="1.5" Duration="00:00:00.05"/>
					  <DoubleAnimation Storyboard.TargetName="LeftNavArrowTranslate" Storyboard.TargetProperty="Y" To="1.5" Duration="00:00:00.05"/>
				   </Storyboard>
				</Grid.Resources>
				<Border x:Name="SelectedBorder" Width="75" Height="75" BorderThickness="4" Opacity="0"/>
				<Border x:Name="SelectingBorder" Opacity="0"/>
				<Rectangle x:Name="ProgressRectangle" Height="10" HorizontalAlignment="Left" VerticalAlignment="Bottom" Opacity="0"/>
			</Grid>
		</Grid>
		<Canvas x:Name="RightNav" Height="25" Width="30" Background="Transparent" HorizontalAlignment="Right">
			<Path x:Name="RightNavArrow" Height="25" Width="30" Stretch="Fill" Opacity="0"
				Data="F1 M 0,50L 130,50L 80,0L 130,0L 200,70L 130,140L 80,140L 130,90L 0,90L 0,50 Z">
				<Path.RenderTransform>
					<TranslateTransform x:Name="RightNavArrowTranslate" />
				</Path.RenderTransform>
			</Path>
		</Canvas>
		<Canvas x:Name="LeftNav" Height="25" Width="30" Background="Transparent" HorizontalAlignment="Left">
			<Path x:Name="LeftNavArrow" Height="25" Width="30" Stretch="Fill" Opacity="0"
				Data="F1 M 200,90L 70,90L 120,140L 70,140L 0,70L 70,0L 120,0L 70,50L 200,50L 200,90 Z">
				<Path.RenderTransform>
					<TranslateTransform x:Name="LeftNavArrowTranslate" />
				</Path.RenderTransform>
			</Path>
		</Canvas>
		<TextBlock x:Name="Caption" HorizontalAlignment="Stretch" FontSize="12"/>
	</Grid>
</UserControl>
